<!-- 病人筛查查询 -->
<template>
  <div>
    <!-- tab选项 -->
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="患者列表" name="1"></el-tab-pane>
      <el-tab-pane label="已筛查列表" name="2"></el-tab-pane>
      <el-tab-pane label="待会诊列表" name="3"></el-tab-pane>
      <el-tab-pane label="已会诊列表" name="4"></el-tab-pane>
      <el-tab-pane label="肠内患者列表" name="5"></el-tab-pane>
      <el-tab-pane label="肠外患者列表" name="6"></el-tab-pane>
      <el-tab-pane label="自动筛选列表" name="7"></el-tab-pane>
      
      <!--电子病例, 有数据时显示-->
      <el-tab-pane label="电子病例" name="8"></el-tab-pane>
    </el-tabs>
    
    <!-- 过滤表单 -->
    <!-- <el-form :inline="true" :model="fitterFm" class="demo-form-inline">
      <el-row :gutter="20">

        <el-col :span="8">
          <el-form-item label="入院日期:">
            <el-col :span="11">
              <el-date-picker type="date" placeholder="选择日期" v-model="fitterFm.date1" style="width: 100%;"></el-date-picker>
            </el-col>
            <el-col class="line" :span="2">-</el-col>
            <el-col :span="11">
              <el-time-picker type="fixed-time" placeholder="选择时间" v-model="fitterFm.date2" style="width: 100%;"></el-time-picker>
            </el-col>
          </el-form-item>

          <el-form-item label="病区:">
            <el-input v-model="fitterFm.user" placeholder="审批人"></el-input>
          </el-form-item>

          <el-form-item label="临床诊断:">
            <el-input v-model="fitterFm.user" placeholder="审批人"></el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item label="住院号:">
            <el-input v-model="fitterFm.user" placeholder="审批人"></el-input>
          </el-form-item>

          <el-form-item label="住院情况:">
            <el-input v-model="fitterFm.user" placeholder="在院病人"></el-input>
          </el-form-item>
        </el-col>

        <el-col :span="8">
          <el-form-item label="姓名:">
            <el-input v-model="fitterFm.user" placeholder="审批人"></el-input>
          </el-form-item>

          <el-form-item label="饮食:">
            <el-input v-model="fitterFm.user" placeholder="在院病人"></el-input>
          </el-form-item>
          
          <el-button type="primary">查询</el-button>
          <el-button type="primary">重置</el-button>
        </el-col>
      </el-row>
    </el-form> -->

    <!-- 列表显示 -->
    <!-- <el-table :data="tableData" border style="width: 100%">
      <el-table-column prop="date" label="日期" width="180"></el-table-column>
      <el-table-column prop="name" label="姓名" width="180"></el-table-column>
      <el-table-column prop="address" label="地址"></el-table-column>
    </el-table> -->
  </div>
</template>
<script>
  export default {
    data() {
      return {
        activeName: 'second',
        tableData: [{
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }, {
          date: '2016-05-04',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1517 弄'
        }, {
          date: '2016-05-01',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1519 弄'
        }, {
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1516 弄'
        }]
      };
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
  };
</script>
<style lang="less" scope>
  
</style>
